<template>
  <section class="common">
    <p class="common-title">领导访问案例</p>
    <ul>
      <li v-for="(item, index) in list" :key="index">
        <img :src="item.img" class="img" />
        <div>
          <p class="title" v-if="item.title">{{item.title}}</p>
          <p>{{item.text1}}</p>
          <p v-if="item.text2">{{item.text2}}</p>
        </div>
      </li>
    </ul>
  </section>
</template>

<script lang="ts" setup>
import { reactive } from 'vue'
const list = reactive([
  {
    img: new URL('../../../assets/images/case/Frame203.jpg', import.meta.url)
      .href,
    title: '李克强总理访问',
    text1: '李克强总理到访了京畿道创新中心',
    text2: '观看了艾瑞斯的虹膜识别POS机',
  },
  {
    img: new URL('../../../assets/images/case/Frame201.jpg', import.meta.url)
      .href,
    title: '朴槿惠总统访问',
    text1: '朴槿惠总统参加了创业园的开幕式',
    text2: '到访了艾瑞斯展台/观看了产品演示',
  },
  {
    img: new URL('../../../assets/images/case/Frame200.jpg', import.meta.url)
      .href,
    title: '保加利亚总统访问',
    text1:
      '保加利亚总统到访了京畿道创新中心的艾瑞斯展馆， 并观看了艾瑞斯产品的演示',
  },
  {
    img: new URL('../../../assets/images/case/Frame202.jpg', import.meta.url)
      .href,
    title: '高通创始人访问',
    text1: '高通公司的前任战略部门负责人（CSO）',
    text2:
      '副社长兼理事会成员Allen Salmasi访问了艾瑞斯总部， 参观了虹膜识别的demo演示',
  },
])
</script>

<style lang="scss" scoped>
@import './common.scss';
</style>